﻿.ant-alert {
    margin-bottom: 1rem;

    @each $name, $value in $theme-colors {
        $color: theme-color-level($name, $alert-color-level);
        $background: theme-color-level($name, $alert-background-level);
        $border: theme-color-level($name, $alert-border-level);

        &-#{$name} {
            color: $color;
            background-color: $background;
            border-color: $border;
        }
    }

    .ant-close {
        position: absolute;
        right: 15px;
        top: 15px;
    }
}
